<template>
  <div>
    <h1>选择你喜欢的专栏</h1>
    <input type="checkbox" v-model="hobby" value="科幻"><span>科幻</span>
    <input type="checkbox" v-model="hobby" value="喜剧"><span>喜剧</span>
    <input type="checkbox" v-model="hobby" value="动作"><span>动作</span>
    <input type="checkbox" v-model="hobby" value="日韩"><span>日韩</span>
    <input type="checkbox" v-model="hobby" value="欧美"><span>欧美</span>
    <input type="checkbox" v-model="hobby" value="国产"><span>国产</span>
    <ul>
      <li v-for="(item, index) in hobby" :key="index">{{item}}</li>
    </ul>
  </div>
</template>

<script>
 export default {
    data() {
      return {
        hobby:[]
      }
    },
  }

</script>

<style>

</style>
